<template>
  <m-page>
    <!-- 还款计划页 -->
    <m-header title="还款计划">
      <!-- 还款计划头部 -->
      <div class="g-head">
        <div><span class="iconfont">&#xe600;</span></div>
        <div><span>还款计划</span></div>
        <div><span></span></div>
      </div>
      <!-- 额度区域 -->
      <div class="g-limit">
        <div>按月付息，到期还本</div>
        <div><span>88.27</span></div>
        <div><span>借满36个月预计总利息（元）</span></div>
      </div>
      <!-- 还款信息区域 -->
      <div class="g-message">
        <ul>
          <li>
            <div>
              <span>2017-10-21</span><br>
              <br>
              <span>还款金额</span><br>
              <span>￥21.78</span>
            </div>
            <div>
              <span>已逾期</span><br>
              <br>
              <span>本金 ￥21.62</span><br>
              <span>利息 ￥0.16</span>
            </div>
          </li>
        </ul>
      </div>
    </m-header>
  </m-page>
</template>

<script>
  export default {
    components: {},
    data() {
      return {

      }
    },
    created() {},
    mounted() {},
    watch: {},
    computed: {}
  }
</script>

<style lang="scss" scoped>
  @import './index.scss';
</style>

